<template>
    <div class="m-cart">
        <el-row class="cart-title">
            <el-col :span="12">项目</el-col>
            <el-col :span="3" class="center">单价</el-col>
            <el-col :span="6" class="center">数量</el-col>
            <el-col :span="3" class="center">总价</el-col>
        </el-row>
        <el-row class="cart-list">
            <el-col :span="12">横州烧烤城: 横州烧烤城2人餐</el-col>
            <el-col :span="3" class="center">￥78</el-col>
            <el-col :span="6" class="center">
                <el-input-number size="small" v-model="num"></el-input-number>
            </el-col>
            <el-col :span="3" class="center">
                <span class="total">￥78</span>
            </el-col>   
        </el-row>
        <el-row class="cart-price">
            <el-col :span="24">
                应付金额：
                <span>¥78</span>
            </el-col>
        </el-row>
        <el-row class="cart-btn">
            <el-col :span="24">
                <el-button type="primary" size="medium">提交订单</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default{
    data(){
        return{
            num: 1
        }
    }
}
</script>

<style lang="less">
    @import '../assets/less/cart/cart.less';
</style>